<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minium-scale=1.0" />
    <title>Document</title>
</head>
<body>
    <!-- 
        相信你在用手机看图片的时候有这种体验，一个图片整体看上去很清晰，但是当你手动放大细节部分的时候，就会变得很模糊了。这个问题其实在手机上也会出现，一个50*50的图片，由于物理像素比这个东西的存在，在iphone 8上就会变成100*100，这就会直接放大，变得模糊。所以我们的二倍图意思就是，由图片提供者做出来一个100*100的图片，我们在css像素中依然写成50*50，这样经过放大还是会变成100*100，但是我们的图片已经是ui组提供给我们的一个可以完美适应100*100的图片了。所以这个时候就解决了这个问题。但是我们前面说过，不同的设备像素比是不一样的，面对像素比为2的iphone8，我们的二倍图是解决了显示问题。可是面对像素比为3,4或者更高的其他设备呢？不要慌，我们的ui会提供三倍图、四倍图...去满足我们开发需要的。
     -->
</body>
</html>